<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>创新创业教师管理系统</title>
	<link rel="stylesheet" type="text/css" href="style/all.css">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<!-- 字体图标 -->
	<script src="plug/font/iconfont.js"></script>
	<!-- 圆点插件 -->
	<script type="text/javascript" src="js/canvas-particle.js"></script>
</head>
<body class="body_bg">
	<div class="container">
		<!-- 切换内容整体 -->
		<div class="tab_main">
			<p><img src="./images/logo.png" alt="" class="logo"></p>
			<!-- 切换导航 -->
			<div class="process">
				<div class="tab select">
					<div class="home">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-laoshi"></use>
						</svg>
					</div>创新创业教师管理系统
					<div class="tran"></div>
				</div>
				<div class="clear"></div>
			</div>
			<!-- 内容列表 -->
			<div class="cont">
				<table>
					<tr>
						<td>真实姓名：</td>
						<td><input type="text" name="user" placeholder="请输入真实姓名"></td>
						<td class="info"></td>
					</tr>
					<tr>
						<td>邮件：</td>
						<td><input type="text" name="email" placeholder="请输入邮件"></td>
						<td class="info"></td>
					</tr>
					<tr>
						<td>密码：</td>
						<td><input type="password" name="password" placeholder="请输入密码"></td>
						<td class="info"></td>
					</tr>
					<tr>
						<td>确认密码：</td>
						<td><input type="password" name="s_password" placeholder="请再输入一次密码"></td>
						<td class="info"></td>
					</tr>
					<tr>
						<td>验证码：</td>
						<td>
							<input class="verify" name="verify" type="text" placeholder="验证码">
							<img src="./images/verify.png" alt="">
							<input type="text" value="0" name="power" style="display:none;">
						</td>
						<td class="info"></td>
					</tr>
					<tr>
						<td>性别：</td>
						<td>
							<label for="man"><input type="radio" name="sex" checked="" id="man">男</label>
							<label for="woman"><input type="radio" name="sex" id="woman">女</label>
						</td>
						<td class="info"></td>
					</tr>
					<tr>
						<td></td>
						<td>
							<button id="next">下一步</button>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</body>
	<script>
	$(function(){
		// 使输入整体居中
		window.onload = function() {doted(); setHeight("body_bg","container",0);};
		window.onresize = function() {doted(); setHeight("body_bg","container",0);};
		
		$("button").attr("disabled","false");

		$("#next").click(function(){
			document.location.href = "login.html";
		})
		// 验证表单
		$("input[name='user']").blur(function(){
			if($(this).val()==""){
				$(this).parent().parent().find(".info").addClass("info_w").html("<span>用户名不能为空</span>");
				return false;
			}else{
				$(this).parent().parent().find(".info").html("<p class='home'><svg  class='icon' aria-hidden='true'><use xlink:href='#icon-tongguo'></use></svg></p>")
			}
		});
		$("input[name='email']").blur(function(){
			if($(this).val()==""){
				$(this).parent().parent().find(".info").addClass("info_w").html("<span>邮箱不能为空</span>");
				return false;
			}else{
				$(this).parent().parent().find(".info").html("<p class='home'><svg  class='icon' aria-hidden='true'><use xlink:href='#icon-tongguo'></use></svg></p>")
			}
		});
		$("input[name='password']").blur(function(){
			if($(this).val()==""){
				$(this).parent().parent().find(".info").addClass("info_w").html("<span>密码不能为空</span>");
				return false;
			}else{
				$(this).parent().parent().find(".info").html("<p class='home'><svg  class='icon' aria-hidden='true'><use xlink:href='#icon-tongguo'></use></svg></p>")
			}
		});
		$("input[name='s_password']").blur(function(){
			if($(this).val()==""){
				$(this).parent().parent().find(".info").addClass("info_w").html("<span>确认密码不能为空</span>");
				return false;
			}else{
				$(this).parent().parent().find(".info").html("<p class='home'><svg  class='icon' aria-hidden='true'><use xlink:href='#icon-tongguo'></use></svg></p>")
			}
		});
		$("input[name='verify']").blur(function(){
			if($(this).val()==""){
				$(this).parent().parent().find(".info").addClass("info_w").html("<span>验证码不能为空</span>");
				return false;
			}else{
				$(this).parent().parent().find(".info").html("<p class='home'><svg  class='icon' aria-hidden='true'><use xlink:href='#icon-tongguo'></use></svg></p>");
				$("button").addClass("can");
				$("button").removeAttr("disabled");
			}
		});
	})
	</script>
</html>